<template name="Tags">
	<view >
		<view class="choose_tags" @click="clickItem" :class="{active: isActive}">{{listItem.name}}</view>
	</view>
</template>

<script>
	export default {
		name:"Tags",
		data() {
			return {
				isActive: false
			};
		},
		props:["listItem", "click", "chooseCount"],
		mounted() {
			
		},
		methods: {
			clickItem: function() {
				this.$emit("click", this.listItem);
			}
		},
	}
</script>

<style>
	
.choose_tags {
	height: 40rpx;
	color: #a9aab8;
	line-height: 40rpx;
	padding: 10rpx 25rpx;
	background-color: #FFFFFF;
	border: 1px solid #a9aab8;
	border-radius: 50rpx;
	text-align: center;
	font-size: 14px;
	margin-left: 15rpx;
	min-width: 150rpx;
	white-space: nowrap;
}	
</style>
